<template>
	<div>
		<el-container>
			<el-header>
				<el-col :span="22"><span><strong>东软颐养中心</strong></span></el-col>
				
				
				<el-col :span="2"><el-button @click="exit" size="mini" >退出登录</el-button></el-col>
				
			</el-header>
			<el-container>
				<el-aside width="200px" >
					<WyMenu></WyMenu>
					<!-- <div style="height: 160px;"><img src="../assets/SIICS.png" /></div>
					<el-menu
						default-active="2"
						class="el-menu-vertical-demo"
						
						background-color="#336633"
						text-color="#fff"
						active-text-color="#ffd04b"
						router
					>
						<el-submenu index="1">
							<template slot="title">
								<i class="el-icon-edit-outline"></i>
								<span>床位管理</span>
							</template>
							<el-menu-item-group>
								<el-menu-item index="/diagramofbed">床位示意图</el-menu-item>
								<el-menu-item index="/bedmanagement">床位管理</el-menu-item>
							</el-menu-item-group>
						</el-submenu>
						<el-submenu index="2">
							<template slot="title">
								<i class="el-icon-edit-outline"></i>
								<span>客户管理</span>
							</template>
							<el-menu-item-group>
								<el-menu-item index="/checkin">入住登记</el-menu-item>
								<el-menu-item index="/clientinformation">客户信息</el-menu-item>
								<el-menu-item index="/liveregistration">退住登记</el-menu-item>
								<el-menu-item index="/gotoregister">外出登记</el-menu-item>
							</el-menu-item-group>
						</el-submenu>
						<el-submenu index="3">
							<template slot="title">
								<i class="el-icon-edit-outline"></i>
								<span>膳食管理</span>
							</template>
							<el-menu-item-group>
								<el-menu-item index="/calendar">膳食日历</el-menu-item>
								<el-menu-item index="/management">膳食管理</el-menu-item>
							</el-menu-item-group>
						</el-submenu>
						<el-submenu index="4">
							<template slot="title">
								<i class="el-icon-edit-outline"></i>
								<span>护理管理</span>
							</template>
							<el-menu-item-group>
								<el-menu-item index="/nurselevel">护理级别</el-menu-item>
								<el-menu-item index="/nursecontent">护理内容</el-menu-item>
								<el-menu-item index="/nurserecord">护理记录</el-menu-item>
							</el-menu-item-group>
						</el-submenu>
						<el-submenu index="5">
							<template slot="title">
								<i class="el-icon-edit-outline"></i>
								<span>系统管理</span>
							</template>
							<el-menu-item-group>
								<el-menu-item index="/databasemaintenance">基础数据库维护</el-menu-item>
								<el-menu-item index="/staff">工作人员管理</el-menu-item>
								<el-menu-item index="/role">角色管理</el-menu-item>
								<el-menu-item index="/permission">权限管理</el-menu-item>
							</el-menu-item-group>
						</el-submenu>
						<el-submenu index="6">
							<template slot="title">
								<i class="el-icon-edit-outline"></i>
								<span>健康管家</span>
							</template>
							<el-menu-item-group>
								<el-menu-item index="/servicehouse">设置服务对象</el-menu-item>
								<el-menu-item index="/serviceattention">服务关注</el-menu-item>
							</el-menu-item-group>
						</el-submenu>
					</el-menu>
				 -->
				 </el-aside>
				<el-main class='el-main'><router-view></router-view></el-main>
			</el-container>
		</el-container>
	</div>
</template>

<script>
	import WyMenu from '@/components/wyMenu'
export default {
	name: 'HelloWorld',
	components:{
		WyMenu
	},
	 methods:{
	    exit(){
	      //退出登录，清空token
	      localStorage.removeItem('Token');
	      this.$router.push('/login');
	    }
	}
};
</script>

<style scoped>
.el-header {
	text-align: center;
	background-color: #669933;
	color: #e3e3e3;
	font-size: 40px;
	line-height: 60px;
	letter-spacing: 100px;
}
.el-header span{
	margin-left: 150px;
}

.el-aside {
	background-color: #336633;
	color: #333;
	text-align: center;
	line-height: 200px;
}

.el-main {
	background-color: #e9eef3;
	color: #333;
	/* text-align: center; *//*写上穿梭框会位置错误*/
}
</style>
